<template>
  <div>
    <Nav />

    <div class="main">
      <el-row :gutter="10">
        <el-col :span="6" :xs="24" style="margin-bottom:16px;">
          <Info />
        </el-col>
        <el-col
          :span="17"
          :xs="24"
        >

          <transition name="fade-transform" mode="out-in">
            <router-view :key="$route.fullPath" />
          </transition>

        </el-col>
      </el-row>
    </div>

  </div>
</template>

<script>
// 左侧菜单
import Info from '../components/Info.vue'
// 顶部菜单
import Nav from '../components/Nav.vue'
// 右侧显示内容页面 VoteCard.vue

export default {
  name: '',
  components: { Info, Nav },
  data() {
    return {

    }
  },
  created() {
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>

.main{
  width: 80%;
  margin:0 auto;
  margin-top: 16px;
}

</style>

<style>
  .el-button+.el-button{
    margin-left: 0;
  }
</style>
